/*功能标题title*/
.atom-title {
  color: @text-color;
  font-weight: bold;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  /*有前缀时为通用的title可以用于一些超链接*/
  &.prefix {
    .anticon {
      color: @primary-color;
      display: inline-block;
    }
  }
  &:not(.prefix):before {
    content: "";
    height: 20px;
    display: inline-block;
    vertical-align: text-bottom;
    border-right: 4px solid @primary-color;
  }
  .atom-title-name {
    margin-left: 10px;
    overflow: hidden;
    transition: width 0.2s;
  }
}
